<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>MoYu--首页</title>

  <link rel="shortcut icon" th:href="@{/imgs/favicon.ico}" href="favicon.ico"/>
  <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
  <link th:href="@{/css/font-awesome.css}" rel="stylesheet"/>
  <link th:href="@{/css/plugins/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet"/>
  <link th:href="@{/css/plugins/bootstrap-validator/css/bootstrapValidator.min.css}" rel="stylesheet"/>
  <link th:href="@{/css/plugins/bootstrap-treeview/bootstrap-treeview.css}" rel="stylesheet"/>
  <!-- Sweet Alert -->
  <link th:href="@{/css/plugins/sweetalert/sweetalert.css}" rel="stylesheet">
  <link th:href="@{/css/animate.css}" rel="stylesheet"/>
  <link th:href="@{/css/style.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">

<!-- 角色列表页面 -->
<div class="wrapper wrapper-content animated fadeInRight">
  <div class="ibox float-e-margins">
    <div class="ibox-title">
      <h5>角色列表</h5>
    </div>
    <div class="ibox-content">
      <div class="row row-lg">
        <div class="pull-right">
          <button data-toggle="modal" class="btn btn-primary" type="button" href="#modal_add_form"><i class="fa fa-plus"></i>&nbsp;新增</button>
          <button class="btn btn-danger " type="button"><i class="fa fa-minus"></i>&nbsp;删除</button>
        </div>
        <div class="clearfix"></div>
        <div class="col-sm-12">
          <div class="example">
            <table id="role-table-list">
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 添加角色页面-->
<div th:replace="admin/role/add :: add"></div>

<!-- 编辑角色页面-->
<div th:replace="admin/role/edit :: edit"></div>

<!-- 角色授权页面-->
<div th:replace="admin/role/grant :: grant"></div>

<!-- 全局js -->
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>

<!-- Bootstrap table -->
<script th:src="@{/js/plugins/bootstrap-table/bootstrap-table.min.js}"></script>
<script th:src="@{/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}"></script>
<script th:src="@{/js/plugins/bootstrap-validator/bootstrapValidator.min.js}"></script>
<script th:src="@{/js/plugins/bootstrap-treeview/bootstrap-treeview.js}"></script>

<!-- 自定义js -->
<script th:src="@{/js/content.js}"></script>
<!-- user.Js -->
<script th:src="@{/js/common-my.js}"></script>
<script th:src="@{/js/admin/role.js}"></script>

<!-- Sweet alert -->
<script th:src="@{/js/plugins/sweetalert/sweetalert.min.js}"></script>
</body>
</html>
